/* #region 初始化样式 */
@import './components/reset.less';
/* #endregion */

/* #region 插件样式 */
@import './components/swiper.less';
@import './components/animate.less';
/* #endregion */


/* #region 字体图标 */
@font-face {
  font-family: "i";
  src: 
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}

[class*=i-] {
  font-family: "i" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-tel-o:before {
  content: "\e61b";
}

.i-link:before {
  content: "\e676";
}

.i-phone1:before {
  content: "\e6c1";
}

.i-message:before {
  content: "\e7a8";
}

.i-user:before {
  content: "\e614";
}

.i-map:before {
  content: "\e677";
}

.i-tags:before {
  content: "\e664";
}

.i-eyes:before {
  content: "\e68b";
}

.i-date:before {
  content: "\e65a";
}

.i-position-mark:before {
  content: "\e600";
}

.i-go:before {
  content: "\e61f";
}

.i-menu:before {
  content: "\e62d";
}

.i-close:before {
  content: "\e62e";
}

.i-arrow-bottom:before {
  content: "\e609";
}

.i-arrow-right:before {
  content: "\e8f0";
}

.i-arrow-left:before {
  content: "\e8f1";
}

.i-earth:before {
  content: "\e844";
}

.i-search:before {
  content: "\e8ef";
}

.i-phone:before {
  content: "\e62c";
}

.i-email:before {
  content: "\e693";
}


/* #endregion */

/* #region 公共样式 */

.banner {
  position: relative;
  overflow: hidden;
  display: flex;
  &-wrapper {
    flex: 1;
    height: 100%;
    display: flex;
    position: relative;
  }
  img {
    width: 100%;
  }
}

.box {
  padding: 60px 0;
  &-title {
    font-size: 42px;
    text-align: center;
    padding: 20px 0;
    &::after {
      content: "";
      display: block;
      width: 80px;
      height: 5px;
      background-color: #006db8;
      margin: 25px auto;
    }
  }
}

.footer {
  color: white;
  padding: 60px 0 30px;
  a {
    color: white;
  }
  &-bg {
    background-color: #333333;
  }
  .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #999;
    h1 {
      font-size: 36px;
      margin-bottom: 10px;
    }
    p{
      text-align: right;
    }
  }
  .nav {
    display: flex;
    gap: 80px;
    &-item {
      div {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
      }
    }
    a {
      display: block;
      line-height: 40px;
    }
  }
  .qrcode {
    display: flex;
    margin-left: auto;
    text-align: center;
    gap: 30px;
    img {
      margin-bottom: 10px;
    }
  }
  .copyright {
    margin: 60px 0;
  }
  .link {
    color: #595959;
    a {
      color: #595959;
    }
  }
}


/* #region 分页 */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  &-prev,
  &-next,
  &-item,
  &-page {
    height: 40px;
    width: 40px;
    border: 1px solid #e2e2e2;
    text-align: center;
    line-height: 38px;
    margin: 0 5px;
    background-color: white;
  }
  &-item {
    &.active {
      border-color: #0065b3;
      background-color: #0065b3;
      color: white;
    }
  }
  
  &-prev,
  &-next,
  &-item {
    cursor: pointer;
  }
  &-list {
    display: flex;
  }
}

.breadcrumb {
  background-color: #F5F5F5;
  padding: 30px 20px;
  a {
    color: #0065b3;
  }
}
/* #endregion */

@media screen and (min-width: 1401px) {
  .mp {
    display: none !important;
  }
  .main {
    width: 1400px;
    margin: 0 auto;
  }

  .header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    &-bg {
      position: relative;
    }
    .nav {
      background-color: rgba(255, 255, 255, .7);
      > .main {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .i-arrow-bottom {
        margin-left: 10px;
      }
    }
    &-top {
      color: white;
      line-height: 50px;
      border-bottom: 1px solid rgba(255, 255, 255, .3);
      &-content {
        display: flex;
        justify-content: space-between;
      }
    }
    .flex {
      display: flex;
    }
    .language {
      height: 50px;
      display: flex;
      overflow: hidden;
      &:hover {
        .language-box {
          top: -50px;
        }
      }
      &-box {
        position: relative;
        top: 0;
        transition: all .3s;
        div {
          cursor: pointer;
        }
      }
      &::after {
        content: " | ";
        margin: 0 10px;
      }
      i {
        font-size: 12px;
      }
    }
  }

  .menu {
    display: flex;
    &-item {
      width: 150px;
      line-height: 80px;
      padding: 30px 0;
      text-align: center;
      position: relative;
      &:hover {
        .menu-dropdown {
          max-height: 400px;
        }
      }
    }
    &-dropdown {
      position: absolute;
      top: 140px;
      left: 0;
      width: 100%;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: all .3s;
      line-height: 30px;
      a {
        padding: 10px 0;
        display: block;
        color: initial;
        &:nth-child(odd) {
          background-color: #F8F8F8;
        }
        &:hover {
          background-color: #F2F2F2;
        }
      }
    }
  }
}

@media screen and (max-width: 1400px) {
  .pc {
    display: none !important;;
  }
  .header {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 10px;
    background-color: white;
    .logo {
      height: 50px;
    }
  }

  .nav {
    background-color: white;
    > .main {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }

  .menu {
    position: fixed;
    top: 70px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    display: none;
    background-color: rgba(0, 0, 0, .7);
    &.active {
      display: initial;
    }
    &-item {
      border-bottom: 1px solid #999;
      line-height: 1;
      padding: 20px;
      background-color: white;
      > a {
        display: inline-block;
        line-height: 1;
        font-weight: bold;
      }
    }
    &-dropdown {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      line-height: 1;
      margin-top: 20px;
    }
    &-open {
      font-size: 30px;
    }
  }

  .footer {
    padding: 20px;
    .copyright {
      margin: 0;
      line-height: 30px;
    }
  }

  .box {
    padding: 20px 0;
    &-title {
      font-size: 27px;
      text-align: center;
      padding: 20px 0;
    }
  }

  .pagination {
    flex-wrap: wrap;
    .pagination-prev,
    .pagination-next {
      display: none;
    }
  }
}
  
/* #endregion */